<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Acme Web Design | About</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Affordable and professional web design">
    <meta name="keywords" content="web design, affordable web design, professional web design">
    <meta name="author" content="Seal De">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <div class="container">
            <div id="branding">
                <h1><span class="highlight">Acme</span> Web Design</h1>
            </div>
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li class="current"><a href="about.html">About</a></li>
                    <li><a href="services.html">Services</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section id="newsletter">
        <div class="container">
            <h1>Subscribe to our newsletter</h1>
            <form>
                <input type="email" placeholder="Enter Email...">
                <button type="submit" class="button_1">Subscribe</button>
            </form>
        </div>
    </section>

    <section id="main">
        <div class="container">
            <article id="main-col">
                <h1 class="page-title">About Us</h1>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent est purus, varius a libero et, eleifend faucibus mauris. Ut scelerisque nunc in orci ullamcorper condimentum. Vivamus pulvinar gravida metus, vel congue augue sollicitudin vel. Phasellus orci ligula, rhoncus a neque ac, dictum mattis sem. Aliquam id sem eu odio pulvinar bibendum. Donec finibus neque ut urna maximus, nec bibendum lorem dictum. Etiam tempus viverra elit, sed semper leo luctus ut. Pellentesque blandit at neque efficitur porta. Nam iaculis suscipit sem at bibendum. Nam at condimentum neque. Sed rutrum et justo et dignissim.
                </p>
                <p class="dark">    
                    In blandit pretium hendrerit. Quisque eget hendrerit ex. Integer ornare mattis vestibulum. In hac habitasse platea dictumst. Praesent id eleifend sapien, eu elementum nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eu iaculis nulla, eu feugiat sem. Nulla nec facilisis mi. Nam sit amet metus eget turpis viverra rhoncus in et nisl. Phasellus laoreet vitae felis sit amet tincidunt. Fusce egestas sem non metus imperdiet, sit amet molestie neque aliquam. Ut ac nisl ipsum.
                </p>
            </article>

            <aside id="sidebar">
                <div class="dark">
                    <h3>What We Do</h3>
                    <p>In blandit pretium hendrerit. Quisque eget hendrerit ex. Integer ornare mattis vestibulum. In hac habitasse platea dictumst.</p>
                </div>
            </aside>
        </div>
    </section>

    <footer>
        <p>Acme Web Design, Copyright &copy; 2019</p>
    </footer>
</body>
</html>